<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--  rel 要写成stylesheet href：外部css文件的位置 -->
    <link rel="stylesheet" href="1.CSS.css">
    <style>
        /*p  {*/
        /*  color: red;*/
        /*}*/
    </style>
</head>
<body>
<!--
  CSS的基本使用
  1.CSS是依托于HTML运行的 所以我们创建的是HTML文件
  2.CSS编写的位置
  （1）行内样式 每一个HTML标签中都有一个Style属性
  （2）内部样式 在head的末位添加style标签
  （3）外部样式 在title下 使用link标签 引入
   优先级： 行内样式 > 内部样式 > 外部样式

    工作中：
    1.全部使用外部样式表
    2.如果遇到比较着急可以暂时使用行内样式 来提高优先级生效
    3.我们在讲课的过程中 为了少创建文件 就是用了内部样式表

    首先浏览器在加载html的时候会把所有的元素作为一个树结构渲染到页面中，
    当加载到css文件时 在根据选择器来渲染到对应的树节点中 这个过程我们叫做渲染树
    呈现在浏览器

    CSS我们主要学习的就是属性
-->

<!--<p style="color: pink">段落标签</p>-->
<p>段落标签</p>
</body>
</html>